/*-----------------------------------------------------------------------------
  Link & Text color
-----------------------------------------------------------------------------*/
.link, input { cursor: pointer; text-decoration: none; }
.lnColor1 { color: #0dae4b; }
.lnColor1:hover, .lnColor1Active { color: #fff; }
.lnColor1:active { color: #fff; }
.lnColor2 { color: #fff; }
.lnColor3 { color: #0dae4b; }
.lnColor2:hover, .lnColor3:hover, .lnColor99:hover { text-decoration: underline; }
.lnColor4 { color: #000; }
.lnColor4:hover, .lnColor4Acitve { color: #fff; background-color: #0dae4b; }
.lnColor5 { color: #414042; }
.lnColor5:hover { color: #0dae4b; }

.lnColor99 { color: #f6931e; }
.txtColor99 { color: #f6931e; }

.txtColor1 { color: #0dae4b; } /* main color */
.txtColor2 { color: #cfd1d2; } /* date color */
.txtBlackColor { color: #000; }
.txtWhiteColor { color: #fff; }
.txtError { color: red; }
/*-----------------------------------------------------------------------------
  //Link
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Unorder list
-----------------------------------------------------------------------------*/
.ulNone {
    list-style: none;
    margin: 0;
}
.ulNone li {
    position: relative;
    padding-left: 15px; margin-left: 0;
    line-height: 120%; 
}
.ulMargin_3 li { margin-bottom: 3px;}
.ulMargin_5 li { margin-bottom: 5px;}
.ulMargin_10 li { margin-bottom: 10px;}

.bullet {
    position: absolute; top: 4px; left: 0;
    display: inline-block; width: 13px; height: 13px;
    background: url(images/bullets.png) no-repeat top left;
}

.blType1 { background-position: 0 0; }
li:hover .blType1 { background-position: 0 -13px; }
.blType2 { background-position: -13px 0; }
li:hover .blType2 { background-position: -13px -13px; }
.blType3 { background-position: -26px 0; }
li:hover .blType3 { background-position: -26px -13px; }
.blType4 { background-position: -39px 0; }
li:hover .blType4 { background-position: -39px -13px; }

.perfectScroll { overflow: hidden; position: relative; }
/*-----------------------------------------------------------------------------
  //Unorder list
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Heading
-----------------------------------------------------------------------------*/
h1.grayLine {
    border-bottom: 4px solid #d2d3d5;
}
h1.greenLine {
    border-bottom: 4px solid #0daf4b;
}
.blockHeight5 { clear: left; height: 5px; }
.blockHeight10 { clear: left; height: 10px; }
.blockHeight15 { clear: left; height: 15px; }
.blockHeight20 { clear: left; height: 20px; }
.blockHeight30 { clear: left; height: 30px; }
.blockHeight50 { clear: left; height: 50px; }
/*-----------------------------------------------------------------------------
  //Heading
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Table
-----------------------------------------------------------------------------*/
table { width: 100%; }
table td, table th { border: 1px solid #0dae4b; padding: 3px; }
table th { background-color: #0dae4b; color: #fff; text-align: center; }
table tr.even td { background-color: #fcfcfc; }

table.tableNone td { padding: 0; border: none; }
/*-----------------------------------------------------------------------------
  //Table
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------*/
.headerWrapper {
    width: 100%; height: 195px;
    background: #2ca53e url(images/header_bg.jpg) top center no-repeat;
}
.headerWrapper h3 { color: #fff; margin-bottom: 0; line-height: 100%; }
.headerWrapper p { margin-bottom: 0; }
.headerWrapper .info { height: 86px; margin-top: 54px; text-align: right; }
#logo { margin-top: 30px; }
/*-----------------------------------------------------------------------------
  //Header
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Top Menu
-----------------------------------------------------------------------------*/
.topMenuWrapper { height: 60px; background-color: #0dae4b; position: relative; }
.topMenuWrapper .homeIcon {
    position: absolute; top: 0; left: 0;
    width: 60px; height: 55px;
    background: url(images/header_home_icon.png) 50% 50% no-repeat;
}
.topMenu {
    list-style: none; margin: 0 0 0 60px; padding: 0;
    height: 55px; width: 880px;
    background-color: #fff;
    font-size: 1.1em;
}
.topMenu li {
    display: inline;
    margin: 0; padding: 0;
}
.topMenu a {
    display: inline-block;
    padding: 0 15px;
    height: 55px; line-height: 55px;
    color: #0dae4b;
    font-family: 'Roboto', sans-serif; font-weight: 400;
}
.topMenu .menuActive, .topMenu .current { color: #fff; background-color: #0dae4b; }
.topMenu ul {
    display: none;
    margin: 0; padding: 0;
    width: 940px; height: 30px;
    position: absolute; top: 55px; left: 0;
    text-align: left;
    z-index: 150;
    background-color: #0dae4b;
}
.topMenu ul a {
    padding: 0 10px;
    height: 30px; line-height: 30px;
    font-weight: 400; color: #fff;
}
.topMenu ul a.current {
    text-decoration: underline;
}
/*-----------------------------------------------------------------------------
  //Top Menu
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/
.footerWrapper {
    width: 100%; height: 60px;
    background-color: #eef0f0;
}
.copyright {
    margin-top: 30px;
    font-size: 14px; font-style: italic;
}

.footerWrapper .iconWrapper { text-align: right; margin-top: 14px; }
.footerWrapper .icon {
    display: inline-block; width: 32px; height: 32px;
    margin-left: 3px;
    background: url(images/footer_icons.png) no-repeat;
}
.footerWrapper .iconFacebook { background-position: 0 0; }
.footerWrapper .iconSkype { background-position: -32px 0; }
.footerWrapper .iconYoutube { background-position: -64px 0; }
.footerWrapper .iconYahoo { background-position: -96px 0; }
/*-----------------------------------------------------------------------------
  //Footer
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Home content
-----------------------------------------------------------------------------*/
.main_1 {
    width: 100%;
    background-color: #fff;
}

.main_1_slideshow {
    float: left; width: 940px; height: 430px;
    position: relative;
}
.main_1_slideshow .slideImages {
    height: 430px;
}
.slidePrev, .slideNext {
    display: none; width: 44px; height: 36px;
    position: absolute; top: 200px;
    background: url(images/fancy/fancybox_sprite.png) no-repeat;
    z-index: 115;
    cursor: pointer;
}
.slideImages:hover .slidePrev, .slideImages:hover .slideNext {
    display: block;
}
.slidePrev { left: 10px; background-position: 0 -36px; }
.slideNext { left: 895px; background-position: 0 -72px; }
/*-----------------------------------------------------------------------------
  //Home content
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  borderType_1
-----------------------------------------------------------------------------*/
.borderType_1 {
    height: 180px;
    background-color: #0dae4b;
    text-align: center;
}
.borderType_1 img { width: 220px; height: 150px; }
.borderType_1 h1 { height: 30px; line-height: 30px; font-size: 16px; }
/*-----------------------------------------------------------------------------
  //borderType_1
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Left menu 1
-----------------------------------------------------------------------------*/
.leftMenuT1Wrapper { position: relative; }
.leftMenuT1Row {
    width: 220px; min-height: 60px; margin-bottom: 5px;
    background-color: #0dae4b;
    position: relative;
}
.leftMenuT1Row img { width: 60px; height: 60px; float: left; }
.leftMenuT1Row h3 {
    font-size: 16px; font-weight: normal;
    float: left; margin: 5px 0 0 10px;
    width: 150px;
}
.leftMenuT1Row .active {
    position: absolute; width: 20px; height: 60px;
    right: -20px; top: 0;
    background-color: #0dae4b;
}

.leftMenuT2Wrapper li { margin-bottom: 3px; }
.leftMenuT2Wrapper a { padding: 2px 3px; display: block; }
/*-----------------------------------------------------------------------------
  //Left menu 1
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Newsletters
-----------------------------------------------------------------------------*/
.newsServiceWrapper {
    border: 1px solid #0dae4b; min-height: 350px;
    padding: 10px 20px;
}
.newsServiceWrapper img { max-width: 660px; }
.newsDetail img { max-width: 700px; }
.newsDetailFull img { max-width: 940px; }

.newsDoiNguBsWrapper td p { margin-bottom: 0; }

.newsCategoryRowWrapper img { width: 220px; margin-top: 6px; }
.newsCategoryRowWrapper h4, .newsCategoryRowWrapper p { margin-bottom: 0px; }
.newsCategoryRowWrapper .date { font-size: 0.8em; font-style: italic;  }
.newsCategoryRowWrapper .control { margin-top: 10px; }
.newsCategoryRowLine { clear: left; border-bottom: 1px solid #d0d2d3; height: 10px; margin-bottom: 20px; }
/*-----------------------------------------------------------------------------
  //Newsletters
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Pagination
-----------------------------------------------------------------------------*/
.myPager { clear: both; }
.pagination {
    margin-bottom: 0;
    list-style: none;
    text-align: right;
    font-size: 1.2em; font-family: Verdana;
}
.pagination li.hidden {
    display: none;
}
.pagination li {
    display: inline-block;
    margin: 0; padding: 0;
}
.pagination .link {
    display: inline-block;
    margin-left: 5px; padding: 0 5px;
}
.pagination .selected .lnColor5 {
    font-size: 1.5em;
    color: #0dae4b;
}
/*-----------------------------------------------------------------------------
  //Pagination
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Contact
-----------------------------------------------------------------------------*/
.contactWrapper a { color: #414042; text-decoration: none; }
.contactWrapper a:hover { color: #0dae4b; text-decoration: underline; }
.contactWrapper .inputNull { display: none; }
.contactWrapper input, .contactWrapper textarea { width: 96%; border: 1px solid #0dae4b; background-color: #eff0f0; cursor: text; }
.contactWrapper textarea { height: 100px; resize: none; }
.contactWrapper input.file { border: none; width: auto; }
.contactWrapper div { margin-bottom: 10px; }
.contactWrapper .contactCaptcha input { width: 200px; }
.contactWrapper input.file { width: 200px; background-color: transparent; }
#captchaRefresh {
    background: url("images/captcha_refresh.png") repeat scroll 0 0 transparent;
    border: medium none;
    width: 24px; height: 24px;
    cursor: pointer;
}
/*-----------------------------------------------------------------------------
  //Contact
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Form dat lich kham
-----------------------------------------------------------------------------*/
.formDatLk input { cursor: text; }
.formDatLk label.error { color: red; }
/*-----------------------------------------------------------------------------
  //Form dat lich kham
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
  Miscellaneous
-----------------------------------------------------------------------------*/
#null, .null { display: none; }

.formDatLk .tableNone td { vertical-align: middle; padding-bottom: 10px; }
.formDatLk .tableNone input { border: 1px solid #0dae4b; }

#scrollTop {
    display: none; position: fixed;
    bottom: 5px; right: 25px;
    width: 48px; height: 48px;
    background-image: url(images/scroll_top_icon.png);
    cursor: pointer;
}
/*-----------------------------------------------------------------------------
  //Miscellaneous
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Overwirte Bootstrap
-----------------------------------------------------------------------------*/
table.table-condensed th { background-color: transparent; color: #000; text-align: center; }
form input, textarea, input[type="text"]
{ margin-bottom: 0; }
/*-----------------------------------------------------------------------------
  //Overwirte Bootstrap
-----------------------------------------------------------------------------*/